<template>
  <div>
    <div v-if="dialogVisible">
      <el-dialog title="信息确认并提交" :visible.sync="dialogVisible" width="700px">
      	<div>
      		<div v-for="(item,i) in systemGuifanFilesProcessList" :key="i">
      			<div class="mb10"><b>管理信息<span v-if="systemGuifanFilesProcessList.length>1">({{index + 1}})</span></b></div>
      			<table class="table1 owntable mb10 tableLayout" border="0" cellspacing="0" cellpadding="1" width="100%">
      				<tr>
      					<td width="150">评审管理编号</td>
      					<td>{{item.number}}</td>
      					<td width="150">评审名称</td>
      					<td>{{item.name}}</td>
      				</tr>
              <tr>
              	<td>评审日期</td>
              	<td>{{item.reviewDate}}</td>
              	<td>管理部门</td>
              	<td>{{item.manageDeptName}}</td>
              </tr>
      				<tr>
      					<td>负责人</td>
      					<td>{{item.manageUserName}}</td>
                <td>编制部门</td>
                <td>{{item.createDeptName}}</td>
      				</tr>
              <tr style="height: 20px;"></tr>
              <tr>
              	<td colspan="2">评审部门</td>
                <td colspan="2" class="gray_bg">评审人员</td>
              </tr>
              <tr v-for="(v,k) in item.userList" :key="k">
              	<td colspan="2" class="white_bg">{{v.reviewDeptName}}</td>
                <td colspan="2">{{v.reviewUserName}}</td>
              </tr>
      			</table>
      			<preview-file :detail="item"></preview-file>
      		</div>
      		<preview-process-record :guifanFilesProcessRecordList="guifanFilesProcessRecordList"></preview-process-record>
      		<div class="pub_center">
      			<el-button size="small" type="primary" @click.once="close()">提交</el-button>
      		</div>
      	</div>
      </el-dialog>
    </div>
  </div>
</template>

<script>
	export default {
		props: {
			type: String,
			guifanFilesProcessRecordList: [],
			systemGuifanFilesProcessList: [],
		},
		data() {
			return {
				dialogVisible: false,

			}
		},
		methods: {
			init() {
				this.dialogVisible = true
			},
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style scoped="scoped">
	.table1 {
		margin-bottom: 20px;
	}

	table {
		width: 660px;
	}
</style>
